<table class="form">
	<tr>
		<th colspan="3">Personal Information</th>
	</tr>
	<tr>
		<td width="3%">1.</td>
		<td width="13%"><strong>Name :</strong></td>
		<td><%=@employee.name%></td>
	</tr>
	<tr>
		<td>2.</td>
		<td><strong>Employee No :</strong></td>
		<td><%=@employee.employee_number%></td>
	</tr>
	<tr>
		<td>3.</td>
		<td><strong>Department : </strong></td>
		<td><%=@employee.department.title unless @employee.department.nil?%></td>
	</tr>
	<tr>
		<td>4.</td>
		<td><strong>Position : </strong></td>
		<td><%=@employee.position.title unless @employee.position.nil?%></td>
	</tr>
	<tr>
		<td>5.</td>
		<td><strong>Gred : </strong></td>
		<td><%=@employee.position.gred.title unless @employee.position.gred.nil?%></td>
	</tr>
	<tr>
	  <td>6</td>
	  <td><strong>Tel : </strong></td>
	  <td><%=@employee.telephone_number%></td>
  </tr>
	<tr>
	  <td>7</td>
	  <td><strong>Extension : </strong></td>
	  <td><%=@employee.extension_number%></td>
  </tr>
	<tr>
	  <td>8</td>
	  <td><strong>Email : </strong></td>
	  <td><%=@employee.email%></td>
  </tr>
	<tr>
	  <td>9</td>
	  <td><strong>Fax : </strong></td>
	  <td><%=@employee.fax%></td>
  </tr>
	<tr>
	  <td>10</td>
	  <td><strong>Address : </strong></td>
	  <td><%=@employee.address%></td>
  </tr>
	<tr>
	  <td>&nbsp;</td>
	  <td>&nbsp;</td>
	  <td><%=@employee.postcode%></td>
  </tr>
	<tr>
	  <td>&nbsp;</td>
	  <td>&nbsp;</td>
	  <td><%=@employee.city%></td>
  </tr>
</table>
<br/>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAnxhsYxuuJAOMYw7_kIanghT1nKNLGGr5e0scgHIXHk_Lh_TDkhQiA_SfWXn6hkJM-8QhNPMo6Z744A" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(<%=@location.lat%>, <%=@location.lng%>), 14);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
}
}
//]]>
</script>

<body onLoad="load()" onUnload="GUnload()">
<div id="map" style="width: 650px; height: 200px"></div>